<script>

</script>
<!--table部分-->
<div class='col-md-12' style='padding-top:10px'>

    <div class="panel panel-default">
      <div class="panel-body">
        配送员：李四；日期：2016-12-11；班次：白班；厂区：YG</a>
      </div>
    </div>

	  
    <table class='table table-hover table-striped table-bordered' id='NBtb'>
        <thead>
            <tr style="background-color: #337ab7;color:#fff">
                <th>产线号</th>
                <th>部件编号</th>
                <th>计划总量</th>
                <th>以配送量</th>
                <th>剩余用量</th>
                <th>倒计时</th>
                <th>状态</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            <?php for($i=0;$i<3;$i++){ ?>
            <tr>
                <td>产线1</td>
                <td><?php echo 20203420+$i ?></td>
                <td>10000</td>
                <td>2600</td>
                <td>260</td>
                <td>1:05</td>
                <td>配送中</td>
                <td><a class='btn btn-success btn-sm' id='changepara'>完成</a></td>
            </tr>
            <tr>
              <td colspan=8>
                已送占比：26%<div class="progress">
                  <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="26" aria-valuemin="0" aria-valuemax="100" style="width: 26%">
                    <span class="sr-only">26% Complete (warning)</span>
                  </div>
                </div>
                已生产占比：23.4%<div class="progress">
                  <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="23.4" aria-valuemin="0" aria-valuemax="100" style="width: 23.4%">
                    <span class="sr-only">23.4% Complete</span>
                  </div>
                </div>
              </td>
            </tr>
            <?php } ?>
            
        </tbody>
    </table>
    <div class='col-md-12'>
      <div class='col-md-1'><a class='btn btn-primary'>开始备料</a></div>
      <div class='col-md-1'><a class='btn btn-success' href='__URL__/findall'>查看全部</a></div>
      <div class='col-md-4 col-md-offset-6'>
      <nav>
        <ul class="pagination" style='margin:0px'>
          <li>
            <a href="#" aria-label="Previous">
              <span aria-hidden="true">&laquo;</span>
            </a>
          </li>
          <li><a href="#">1</a></li>
          <li><a href="#">2</a></li>
          <li><a href="#">3</a></li>
          <li><a href="#">4</a></li>
          <li><a href="#">5</a></li>
          <li>
          <a href="#" aria-label="Next">
            <span aria-hidden="true">&raquo;</span>
          </a>
          </li>
        </ul>
      </nav>
      </div>
    </div>
    
    
</div>



<!--#################-->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal_wancheng" style='display: none' id='wancheng'>
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal" id="myModal_wancheng" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" style='padding-top:100px'>
    <div class="modal-content">
      <div class="modal-header">
      <button type="button" class="close close_wancheng" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      <h4 class="modal-title">缺省配送量：260</h4>
    </div>
      <div class="modal-body">
        <div class="input-group">
          <input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount" value="260">
          <div class="input-group-addon"><i class='glyphicon glyphicon-triangle-top'></i></div>
          <div class="input-group-addon"><i class='glyphicon glyphicon-triangle-bottom'></i></div>
        </div>
        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-success close_wancheng" data-dismiss="modal" >确定</button>
        <button type="button" class="btn btn-default close_wancheng" data-dismiss="modal" >关闭</button>
        
      </div>
    </div>
  </div>
</div>

<script>
$(function(){
    $('#changepara').click(function(){
        $('#wancheng').trigger('click');
    })
})
</script>

